    .top-header-JDdq8 {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        height: 58px;
        padding: 8px 20px 0 30px
    }

    .left-logo-htT-p, .top-header-JDdq8 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .left-logo-htT-p {
        height: 50px;
        line-height: 50px;
        font-size: 16px
    }

    .name-Dq9At {
        background: url() no-repeat 0 -3px;
        background-size: 50px;
        padding-left: 60px
    }

    .clickable-3VZmX {
        cursor: pointer
    }

    .show-18IJ6 {
        -webkit-animation: fadeIn-XpXT8 .3s;
        animation: fadeIn-XpXT8 .3s;
        -webkit-animation-timing-function: cubic-bezier(.51, .04, .27, 1.38);
        animation-timing-function: cubic-bezier(.51, .04, .27, 1.38);
        -webkit-animation-fill-mode: backwards;
        animation-fill-mode: backwards;
        -webkit-animation-delay: .2s;
        animation-delay: .2s
    }

    @-webkit-keyframes fadeIn-XpXT8 {
        0% {
            height: 0;
            opacity: 0
        }
        to {
            height: 58px;
            opacity: 1
        }
    }

    @keyframes fadeIn-XpXT8 {
        0% {
            height: 0;
            opacity: 0
        }
        to {
            height: 58px;
            opacity: 1
        }
    }

    .right-159de {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .item-i1h50 {
        color: #fff;
        font-size: 14px;
        text-decoration: none
    }

    .bg-white .item-i1h50 {
        color: #000
    }

    .bg-white .item-i1h50:hover {
        color: #1890ff
    }